<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/reset.css" />
</head>
<body>
    <div id="box">
        <div id="box_longon">
            <div id="top"><h2>Sign up</h2></div>
                <div id="box-item">
                 <form action="">
                    <div class="item"> 
                        <input type="text" name="" id="NAME：" required="required">
                        <label >name</label>
                    </div>
                    <div class="item"> 
                        <input type="text" name="" id="EMAJL：" required="required">
                        <label >email address</label>
                    </div>
                    <div class="item"> 
                        <input type="password" name="PASSWORO：" id="" required="required">
                        <label >password</label>
                    </div>
                    <div class="item"> 
                        <input type="password" name="CONFIRM PASSWORO：" id="" required="required">
                         <label >confrim password</label>
                    </div>
                    <input type="submit" value="SIGN IN" id="button2">
                </form>
                </div>    
                <div id="a"><a href="#">Forgot Password?</a></div>
                <div id="pic">
                    <span><img src="./img/wechat.png" title="微信" class="pic"></span>
                    <span><img src="./img/qq.png" title="QQ" class="pic"></span>
                    <span><img src="./img/github.png" title="github" class="pic"></span>
                    <span><img src="./img/sina.png" title="微博" class="pic"></span>
                </div>
        </div>
        <div id="box-pin">
            <div id="writing"><h1>One Of us?</h1></div>
            <div id="writing1"><span>if you already has an account,just sign in. We've missed you!</span></div>
            <input type="button" value="SIGN IN" id="button1">
        </div>
    </div>
</body>
</html>
